.table {
  display: table;
  width: 100%;

  $this: &;

  &-tr {
    display: table-row;

    &:not(:last-child) {
      #{$this}-td {
        border-bottom: 1px solid fade-out(#98d7ff, 0.7);
      }
    }
  }

  &-td {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0;

    &:last-child {
      text-align: right;
    }

    &:first-child {
      text-align: left;
      white-space: nowrap;
    }

    &:not(:last-child) {
      padding-right: 20px;
    }

    #{$this}-tr_title & {
      color: #9cd8ff;
      font-weight: bold;
    }

    &_hash {
      color: #9cd8ff;
    }

    &_check-hash {
      padding-left: 32px;
      background-repeat: no-repeat;
      background-position: left center;

      &_wait {
        color: #9cd8ff;
        background-image: url();
        background-size: 14px 14px;
      }

      &_done {
        background-image: url();
        background-size: 14px 10px;
      }
      
      &_error {
        background-image: url();
        background-size: 14px 14px;
      }
    }
  }

  &-remove {
    cursor: pointer;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url();
    background-position: center center;
    background-size: 8px 8px;
    background-repeat: no-repeat;
  }
}
